ion-content {
  // content默认背景色
  --background: var(--custom-color-light-gray);
  // 顶部图片
  .loan-top {
    display: block;
    width: 100%
  }
  // 借款流程
  .item-box .item-content {
    font-size: 14px;
    overflow: hidden;
    .loan-progress-box {
      margin-top: 24px;
      margin-bottom: 0;
      dd {
        height: 100%;
        display: flex;
        align-items: stretch;
        padding: 0 16px;
        div {
          min-height: 38px;
        }
        .progress-date {
          width: 60px;
          display: flex;
          flex-direction: column;
          align-items: flex-end;
          font-size: 12px;
          color: var(--custom-color-gray)
        }
        .progress-v-bar {
          width: 48px;
          display: flex;
          flex-direction: column;
          align-items: center;
          .v-bar-dot {
            display: inline-block;
            text-align: center;
            line-height: 22px;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            color: var(--custom-color-white);
            background: var(--custom-color-light-gray);
          }
          .v-bar-line {
            flex: 1;
            display: inline-block;
            width: 1px;
            border-left-width: 1px;
            border-left-color: var(--custom-color-orange);
            border-left-style: dashed;
            margin-left: 1px;
            overflow: hidden;
            &.solid-border {border-left-style: solid}
          }
        }
        .progress-content {
          flex: 1;
          display: flex;
          flex-direction: column;
          margin-bottom: 24px;
          align-items: flex-start;
          .progress-status { // 节点状态样式
            margin-left: 4px;
            margin-bottom: 4px;
          }
          .progress-detail { // 可点击节点链接样式
            border: 1px solid var(--ion-color-primary);
            border-radius: 4px;
            padding: 2px 4px;
          }
        }
        &.progress-ongoing, &.progress-completed {
          .progress-date {
            font-size: 14px;
            color: var(--custom-color-dark-gray);
          }
          .progress-v-bar {
            .v-bar-dot {
              background: var(--custom-color-orange);;
            }
          }
        }
        &.progress-completed {
          .progress-v-bar {
            .v-bar-line {
              border-left-style: solid;
            }
          }
        }
      }
    }
  }
  // 注意事项
  dl.custom-list {
    padding: 6px 16px;
    background: var(--custom-color-white);
    dt {
      padding: 6px 0;
      font-size: 14px;
      ion-icon {
        margin-right: 4px;
        position: relative;
        top: 3px;
        font-size: 18px;
      }
    }
    dd {
      padding: 4px 0;
    }
    &.custom-item-list {
      dd {
        color: var(--custom-color-gray);
        font-size: 12px
      }
    }
  }
}